認識Router前要知道什麼是SPA(Single Page Application)與MPA(Multi-Page Application)。
過去我們熟知的網頁MPA，就是多頁式的架構，點擊menu選單中的聯絡我們(contact.html)會傳送一個需求給server，server接收到需求後會把contact.html的資料回傳給瀏覽器，這時我們就會看到頁面重整進入到聯絡我們的畫面；SPA他就是只有單一頁面，在不重整的情況下顯示聯絡我們的畫面，他只會向server端互動一次，接下來的就是靠第一次獲取的資料去選染畫面。
其實兩個各有優缺點，可以依照自己的需求去做選擇! SPA就是我們現在學的框架會使用到的網頁開發模式，所以瞭解了SPA後我們要進入正題拉~
React可以幫我們做到的就像下圖所示，左側欄位不變的情況下，右側的內容做更換，也就是上面說的不重整的替換畫面。要怎麼做到呢? 明天要正式開始使用Router
來源
iThome鐵人賽
看影片追技術